<script lang="ts" setup>
import zhCn from 'element-plus/dist/locale/zh-cn'
</script>

<template>
  <ElConfigProvider :locale="zhCn">
    <RouterView />
  </ElConfigProvider>
</template>

<style lang="scss">
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #f3f4f7;
}

.spring {
  flex: 1;
}

.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-24px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(24px);
}

.el-drawer {
  .el-drawer {
    &__header {
      margin-bottom: 0;
      padding-top: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--el-border-color);
      background-color: #F7F8FA;
    }
    &__title {
      font-weight: bold;
    }
  }
}

.el-table {
  th {
    background-color: $th-bgcolor !important;
  }
}
</style>
